<!doctype html>
<html i18n-values="dir:textdirection;lang:language">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title i18n-content="sysinfoPageTitle"></title>
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
    <link rel="stylesheet" href="chrome://resources/css/spinner.css">
    <link rel="stylesheet" href="../../about_sys/about_sys.css">
    <link rel="stylesheet" href="../css/sys_info.css">
    <script src="chrome://resources/js/assert.js"></script>
    <script src="chrome://resources/js/util.js"></script>
    <script src="chrome://resources/js/i18n_template_no_process.js"></script>
    <script src="../js/sys_info.js"></script>
  </head>
  <body>
    <div id="header">
      <h1 id="title" i18n-content="sysinfoPageTitle"></h1>
      <p id="description" i18n-content="sysinfoPageDescription"></p>
    </div>
    <div id="content">
      <h2 id="tableTitle" i18n-content="sysinfoPageTableTitle"></h2>
      <div id="anchor"></div>
      <button id="expandAllBtn" class="global-button"
              i18n-content="sysinfoPageExpandAllBtn"></button>
      <button id="collapseAllBtn" class="global-button"
              i18n-content="sysinfoPageCollapseAllBtn"></button>
      <div id="spinner-container">
        <div class="inline-spinner"></div>
        <p id="status" i18n-content="sysinfoPageStatusLoading"></p>
      </div>
      <table class="list" id="detailsTable"></table>
    </div>
  </body>
</html>
